<template>
  <div class="app">
    <Headersxqy :cherai="cherai" />
    <div class="ccc">
      您所在位置&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;首页·联系我们·留言板
    </div>
    <div class="a">
      <div class="a-a">留言板标题</div>
      <div class="a-b"><span>在此处输入标题</span></div>
    </div>
    <div class="b"><span>问题正文内容:</span></div>
    <div class="c">
      <div class="c-a">
        <div class="c-a-a">姓名</div>
        <div class="c-a-b"><span>戴用名</span></div>
      </div>
      <div class="c-b">
        <div class="c-b-a">联系方式</div>
        <div class="c-b-b"><span>18888888888</span> </div>
      </div>
      <div class="c-c">提交</div>
    </div>
    <div class="kuang">
        <div>通知公告</div>
        <div>招生简章</div>
        <div style="
            background-color: #b21315;
            font-family: Source Han Sans CN;
            font-weight: 500;
            color: #ffffff;
            font-size: 26px;
          ">招生专业内容</div>
      </div>
      <Bottom style="margin-top:348px"/>
    <Topnav />
  </div>
</template>

<script>
import Topnav from "@/components/topnav.vue";
import Bottom from "@/components/bottom.vue";
import Headersxqy from "@/components/headersxqy.vue";
export default {
  name: "",
  data() {
    return {
      cherai: {
        title: "院部概况",
        imgherf: "@/assets/imgs/m.png",
      },
    };
  },
  components: {
    Topnav,
    Bottom,
    Headers,
    Headersxqy,
  },
  methods: {},
};
</script>

<style>
.ccc {
  height: 20px;
  font-family: Source Han Sans CN;
  font-weight: 700;
  color: #666666;
  font-size: 20px;
  margin-top: 75px;
  margin-left: 170px;
}
.a {
  width: 860px;
  height: 64px;
  border: 1px solid;
  border-color: #707070;
  border-radius: 5px;
  margin-top: 90px;
  margin-left: 170px;
  display: flex;
}
.a-a {
  width: 148px;
  height: 64px;
  background-color: #b21315;
  border-radius: 5px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  line-height: 64px;
}
.a-b > span {
  margin-left: 30px;
  line-height: 64px;
  font-family: Source Han Sans CN;
  color: #999999;
  font-size: 18px;
}
.b {
  width: 860px;
  height: 430px;
  border: 1px solid;
  border-color: #707070;
  border-radius: 5px;
  margin-left: 170px;
  margin-top: 20px;
}
.b > span {
  margin-left: 25px;
  line-height: 60px;
}
.c {
  width: 860px;
  height: 46px;
  margin-top: 30px;
  margin-left: 170px;
  display: flex;
}
.c-a {
  height: 46px;
  width: 225px;
  border: 1px solid;
  border-color: #707070;
  border-radius: 5px;
  display: flex;
}
.c-b {
  width: 330px;
  height: 46px;
  border: 1px solid;
  border-color: #707070;
  border-radius: 5px;
  margin-left: 20px;
  display: flex;
}
.c-c {
  width: 122px;
  height: 46px;
  background-color: #b21315;
  border-radius: 5px;
  margin-left: 160px;
  line-height: 46px;
  text-align: center;
  font-family: Source Han Sans CN;
  color: #ffffff;
  font-size: 15px;
}
.c-a-a {
  width: 100px;
  background-color: #b21315;
  border-radius: 5px;
  text-align: center;
  line-height: 46px;
  font-family: Source Han Sans CN;
  color: #ffffff;
  font-size: 15px;
}
.c-a-b>span{
    line-height: 46px;
    margin-left: 20px;
    font-family:Source Han Sans CN;
color:#000000;
font-size:15px;
font-weight: 400;
}
.c-b-a{
  width: 100px;
  height: 46px;  
  background-color:#b21315;
  border-radius:5px;
  font-family:Source Han Sans CN;
color:#ffffff;
font-size:15px;
text-align:center;
line-height: 46px;
}
.c-b-b{
   line-height: 46px;
    margin-left: 20px; 
    font-family:Source Han Sans CN;
color:#000000;
font-size:15px;
}
.kuang {
  width: 270px;
  height: 255px;
  position: absolute;
  top: 690px;
  left: 1150px;
  text-align: center;
}
.kuang > div {
  height: 80px;
  background-color: #e4e4e4;
  margin-bottom: 5px;
  line-height: 80px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #666666;
  font-size: 26px;
}
</style>